<template>
  <div>
    	<div style="color: white;font-size: 22px;position: absolute;top: 115px;left: 67px;" @click="$router.push({path: '/'})">
			<van-icon name="arrow-left" />
			<span style="position: absolute;width: 100px;top: -5px;left: 40px;">高新奇</span>
		</div>
    <div align="center">
      <div style="position: absolute;top: 130px;left: 180px;right: 180px;">
        <van-row gutter="40" class="a-fadeinL">
          <van-col span="8" v-for="(item,index) in list" :key="index">
            <img
              :src="item.parkSubmoduleUrl"
              style="width:265px;height:160px;border-radius: 10px;"
              @click="contain(item.id,item.parkSubmoduleDescribe)"
            />
            <span style="color: white;font-size: 20px;display: block;padding: 5px 0px;">{{item.parkSubmoduleDescribe}}</span>
          </van-col>
       
        </van-row>
      </div>
    </div>
  </div>
</template>

<script>
let _this;
export default {
  name: "Others",
  data() {
    return {
	
		list:[]
	};
  },
  created() {
    // 创建 vue 实例之前
    _this = this;
  },
  watch: {},
  mounted() {
	  this.getOthers()
  },
  methods: {
    contain(id,parkSubmoduleDescribe) {
      this.$router.push({ path: `OtherInf22`,query:{
		  id:id,
		  parkSubmoduleDescribe:parkSubmoduleDescribe
	  }});
    },
    getOthers() {
		let params = {
			 parkModuleId:2
		}
      this.$http.get("/gxq/selectSubmoduleByPe/2").then(res => {
		console.log(res);
		let {code, data, msg} = res.data
		if (code==200) {
	
		this.list = data
		}
      });
    }
  }
};
</script>

<style lang="less" scoped>
/deep/ .van-icon {
  font: 24px/1 "vant-icon";
}

/deep/ .van-row {
  margin-right: 0 !important;
}

.left /deep/ .van-icon {
  font: 48px/1 "vant-icon";
  color: rgb(56, 107, 146);
}

.left {
  position: absolute;
  top: 340px;
  left: 100px;
}

.right /deep/ .van-icon {
  font: 48px/1 "vant-icon";
  color: rgb(53, 86, 114);
}

.right {
  position: absolute;
  top: 340px;
  right: 100px;
}
</style>